<!DOCTYPE html>
<html lang="en">
<head>
    <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>
<body>
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"
       data-setup='{}'>
    <!-- 这里写的地址是测试生成的视频地址，只做测试用，实际开发要根据业务从后台获取 -->
    <source type="application/x-mpegURL" src="http://localhost:2233/video/11111111111111111.m3u8">
    <!-- video.js给的示例 -->
    <!--<source src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">-->
</video>
<script src="//cdn.bootcss.com/video.js/7.0.0-alpha.1/video.min.js"></script>
</body>
</html>
